/* alert */
.c-alert {
  .c-alert-icon {
    font-size: 14px;
    margin: 2px 11px 0 0;
  }
  position: relative;
  border-radius: 3px;
  .c-close-btn {
    position: absolute;
    right: 14px;
    top: 8px;
  }
  .alert-des +.alert-des {
    margin-top: 4px;
  }
}
.c-alert--simple {
  padding: 5px 12px;
  align-items: center !important;
  border-width: 0;
}
.c-alert--normal {
  padding: 5px 14px;
  border-width: 0;
}

.c-alert--success {
  background: $g-color-g4;
  border-color: rgba(32,162,106,0.3);
  .c-alert-icon {
    color: $g-color-g2
  }
}
.c-alert--warning {
  background: $g-color-o4;
  border-color:  rgba(225,178,5,0.3);
  .c-alert-icon {
    color: $g-color-o2
  }
}
.c-alert--info {
  background: $g-color-gray4;
  border-color: rgba(90,115,154,0.3);
  .c-alert-icon {
    color: $g-color-gray2;
  }
}
.c-alert--error {
  background: $g-color-r4;
  border-color: rgba(255,72,41,0.3);
  .c-alert-icon {
    color: $g-color-r2
  }
}